<%@page import="model.User" %>
<%@ page import="java.util.Calendar" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%Calendar now = Calendar.getInstance();%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; UTF-8">

    <link rel="stylesheet" type="text/css"
          href="<%=request.getContextPath()%>assets/css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/assets/css/Site.css"/>
    <link rel="stylesheet" type="text/css"
          href="<%=request.getContextPath()%>/assets/css/animation.css"/>
    <link rel="stylesheet" type="text/css"
          href="<%=request.getContextPath()%>/assets/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="<%=request.getContextPath()%>/assets/css/bootstrap-theme.css"/>
    <link rel="stylesheet" type="text/css"
          href="<%=request.getContextPath()%>/assets/css/bootstrap-theme.min.css"/>
    <script src="<%=request.getContextPath()%>/assets/js/jquery-1.10.2.js"></script>
    <script src="<%=request.getContextPath()%>/assets/js/jquery-1.10.2.min.js"></script>
    <!--    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
        <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>-->
    <script type="text/javascript" src="<%=request.getContextPath()%>/assets/js/bootstrap.min.js"></script>
    <title>Contact</title>
</head>
<%
    User myUser = (User) request.getSession().getAttribute("user");
    //  request.getSession().invalidate();
%>
<body>

<nav class="navbar navbar-default" role="navigation">
    <div class="navbar j navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <span class="icon-bar"></span> <span class="icon-bar"></span> <span
                    class="icon-bar"></span>
                <a class="navbar-brand" href="<%=request.getContextPath()%>" lang="fr">Adventure
                    Sports</a>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li><a href="<%=request.getContextPath()%>"><span class="glyphicon glyphicon-home">&nbsp;</span>Accueil
                    </a></li>
                    <li><a href="#">À propos de</a></li>
                    <li><a href="#"><span class="glyphicon glyphicon-info-sign">&nbsp;</span>Contact</a></li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle"
                                            data-toggle="dropdown">Activité <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#"><span class="glyphicon glyphicon-eye-open">&nbsp;</span>Consulter</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle"
                                            data-toggle="dropdown">Stage <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="<%=request.getContextPath()%>/StageManagerServlet?id=0"><span
                                    class="glyphicon glyphicon-search">&nbsp;</span>Rechercher</a></li>
                            <li class="divider"></li>
                            <li><a href=".<%=request.getContextPath()%>/StageManagerServlet?nouveaute=0"><span class="glyphicon glyphicon-flash">&nbsp;</span>Nouveautées</a>
                            </li>
                            <li class="divider"></li>
                            <li><a href="<%=request.getContextPath()%>/StageManagerServlet?promo=0"><span
                                    class="glyphicon glyphicon-exclamation-sign">&nbsp;</span>Promo
                                (Last minute)</a></li>
                        </ul>
                    </li>

                </ul>

                <ul class="nav navbar-nav navbar-right">
                    <li><a href="<%=request.getContextPath()%>/Account/signin.jsp"><span class="glyphicon glyphicon-pencil">&nbsp;</span>S'inscrire</a>
                    </li>
                    <% if (session.getAttribute("user") == null) { %>
                    <li><a href="<%=request.getContextPath()%>/Account/login.jsp"><span class="glyphicon glyphicon-log-in">&nbsp;</span>Se
                        connecter</a>
                            <% }  else { %>
                    <li><a href="<%= request.getContextPath()%>/CustomerManagerServlet?action=logout"><span
                            class="glyphicon glyphicon-log-out">&nbsp;</span>Se déconnecter</a>
                        <% }%>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</nav>
<form class="form-horizontal">
    <div class="container body-content">
        <div class="jumbotron">
            <h1 class="h1 animation" style="text-decoration: underline;">
                Contact us
            </h1>
        </div>
    </div>
    <div class="container">
        <div class="form-inline">
            <h1 class="h1" style="text-decoration: underline">AdventureSports</h1>
            <label>Rue du sport 55</label>
            <br>
            <label>111111 SportVille</label>
            <br>
            <label>Téléphone: xxx/xx.xx.xx</label>
            <br>
            <label>GSM: xxxx/xx.xx.xx</label>
            <br>
            <label>Email: info@adventuresport.be</label>

            <h2 class="h2">Nous trouver:</h2>
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2516.5136843267182!2d4.3341805500000135!3d50.89571059999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c3c23156f92faf%3A0x8f3a85e17af194b!2sStade+Roi+Baudouin!5e0!3m2!1sfr!2sbe!4v1400511246173"
                    width="600" height="450" frameborder="0" style="border:0"></iframe>
        </div>
    </div>
    <hr/>
    <footer class="fixed-bottom">
        <table style="width: 100%;">
            <tr>
                <td valign="middle" style="text-align: left">
                <td valign="bottom"
                    style="text-decoration: underline; text-align: center;">
                    Copyright <% out.print(now.get(Calendar.YEAR));%>
                    Adventure Sports &copy; v0.1.0 by <span style="color: red;">Le Groupe Rouge</span>
                </td>
                <td valign="middle" style="text-align: right"></td>
            </tr>
        </table>
    </footer>
    <hr>
</form>
</body>
</html>
<script>
    $('.carousel').carousel({
        interval: 2000
    });
</script>